<template>
    <div class="container">
        <form action="/">
            <van-search
                    v-model="value"
                    placeholder="订单编号/手机号"
                    show-action
            />
        </form>
        <van-collapse v-model="activeName" accordion>
            <van-collapse-item title="订单编号:1231232221(¥70)" name="1">
                <van-row>
                    <van-col span="5">顾客信息</van-col>
                    <van-col span="19">刘峰 | 13099998888</van-col>
                    <van-col span="5">订单信息</van-col>
                    <van-col span="19">总计:¥90 | 使用积分:120分 | 实际支付:¥70</van-col>
                    <van-col span="5">备注信息</van-col>
                    <van-col span="19">无备注</van-col>
                </van-row>
            </van-collapse-item>
            <van-collapse-item title="订单编号:1231232221(¥70)" name="2">
                <van-row>
                    <van-col span="5">顾客信息</van-col>
                    <van-col span="19">刘峰 | 13099998888</van-col>
                    <van-col span="5">订单信息</van-col>
                    <van-col span="19">总计:¥90 | 使用积分:120分 | 实际支付:¥70</van-col>
                    <van-col span="5">备注信息</van-col>
                    <van-col span="19">无备注</van-col>
                </van-row>
            </van-collapse-item>
            <van-collapse-item title="订单编号:1231232221(¥70)" name="3">
                <van-row>
                    <van-col span="5">顾客信息</van-col>
                    <van-col span="19">刘峰 | 13099998888</van-col>
                    <van-col span="5">订单信息</van-col>
                    <van-col span="19">总计:¥90 | 使用积分:120分 | 实际支付:¥70</van-col>
                    <van-col span="5">备注信息</van-col>
                    <van-col span="19">无备注</van-col>
                </van-row>
            </van-collapse-item>
        </van-collapse>
    </div>
</template>

<script>
export default {
  name: 'index',
  data () {
    return {
      activeName: '1',
      value: '123'
    }
  },
  methods: {
    onSearch: function () {

    }
  }
}
</script>

<style src="./index.css" scoped>
</style>
